<template>
<div class="appd">
  <div class="all">
    <div class="container-fluid">
      <courseIndex v-bind="{ktId,ktTuijian:getCourse}"></courseIndex>
      <moreTuijian v-bind:ktTuijian="getCourse"></moreTuijian>
    </div>
  </div>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
import moreTuijian from "@/components/moreTuijian.vue";
import courseIndex from "@/components/courseIndex.vue";
export default {
  name: "course",
  props: ["ktId"],
  computed: mapGetters(["getCourse"]),
  components: {
    moreTuijian,
    courseIndex
  }
};
</script>

<style scoped>
.appd{
  width: 100%;
  height: 873px;
}
.marg {
  margin: 31px 13px 0 15px;
}
.all {
  width: 1200px;
  min-height: 750px;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.07);
}
.container-fluid {
  padding-top: 20px;
  padding-bottom: 20px;
}
</style>